<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
    <legend>管理员设置</legend>
</fieldset>
<div class="layui-row">
    <div class="layui-col-md5  layui-col-md-offset3">
        <form class="layui-form" action="{:U('updateAdmin')}" method="post">
            <table class="layui-table"  lay-skin="nob" lay-size="lg">
                <colgroup>
                    <col width="150">
                    <col width="150">
                    <col width="150">
                </colgroup>
                <!--<thead>
                <tr>
                    <th>项目</th>
                    <th>信息</th>
                </tr>
                </thead>-->
                <tbody>
                <tr>
                    <td>账号：</td>
                    <td>
                        {$admin.account}
                    </td>

                </tr>
                <tr>
                    <td>超级管理员：</td>
                    <td>
                        <input name="id" value="{$admin['id']}" type="hidden">
                        <input class="status" name="status" value="1" type="hidden">
                        <input id="man" type="radio" name="status" value="0" lay-filter="radio" title="是">
                        <input id="woman" type="radio" name="status" value="1" lay-filter="radio" title="否">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <button class="layui-btn  layui-btn-normal"
                                style="border-radius: 10px;margin-left: 80%;" lay-submit="" id="edit"
                                lay-filter="save">保存
                        </button>
                    </td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>
<script>

    layui.use('element', function () {
        var element = layui.element;
    });
    layui.use('form', function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功-->
        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
        form.render();
        form.on('radio(radio)', function (data) {
//            console.log(data.elem); //得到radio原始DOM对象
//            console.log(data.value); //被点击的radio的value值
            /*
             * 其实不用这么麻烦，因为后台使用的是empty判空操作
             * */
            $('.status').val(data.value);
        });
        form.on('submit(save)', function (data) {
//            console.log(data.field); //当前容器的全部表单字段，名值对形式：{name: value}
            $.post("{:U('updateAdmin')}", data.field, function (res) {
                if (res == 1) {
                    layer.msg('设置成功');
                } else {
                    layer.msg(res);
                }

            });
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    });
</script>
